<div class="wrapper-md" ng-controller="CityProfileModelModifyCtrl">
    <div class="panel panel-default">
        <ng-form name="archModelForm" class="form-horizontal form-validation">
            <div class="panel-heading">
                <h1 class="m-n font-thin h3" translate="{{vm.title}}"></h1>
            </div>
            <div class="panel-body">
                <div class="form-group ">
                    <div class="col-sm-6">
                        <label class="col-md-3 control-label">
                            <span class="text-danger">*</span>
                            <span translate="area.name"></span>
                        </label>
                        <div class="col-md-8">
                            <input type="text" name="name" class="form-control" ng-model="vm.area.name"
                                   id="updateArchName"
                                   required
                                   maxlength="32" uib-tooltip="{{app.getMessage('common.op.remind0', [1, 32])}}"/>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <label class="col-md-3 control-label">
                            <!--<span class="text-danger">*</span>-->
                            <span translate="area.parentName"></span>
                        </label>
                        <div class="col-md-8">
                            <input type="text" name="parentName" class="form-control" ng-model="vm.area.parentName"
                                   id="parentName"
                                   readonly
                                   maxlength="32" uib-tooltip="{{app.getMessage('common.op.remind0', [1, 32])}}"/>
                            <!-- <div class="input-group">
                                 <input id="parentEntiry" class="input-sm form-control w-sm inline v-middle"
                                        ng-model="vm.area.parentName" readonly>
                                 </input>
                                 <span class="input-group-btn">
                                   <button ng-click="vm.showMenu()" class="btn btn-default btn-sm" ng-disabled="vm.isEdit">
                                       <span class="fa fa-angle-down"></span>
                                   </button>
                                 </span>
                                 <div id="menuContent" class="menuContent"
                                      style="border:1px solid #dde6e9;display:none;background:#eeeeee;height:200px;overflow:auto;z-index: 1000">
                                     <ul iss-ztree="vm.parentEntiryTreeSetting" id="menuTree"
                                         tree-control="vm.parentEntiryTreeObj" class="ztree"
                                         style="margin-top:0; width:160px;"></ul>
                                     &lt;!&ndash;<ul iss-ztree="vm.treeSetting" id="archTree" tree-control="vm.treeObj" class="ztree"></ul>&ndash;&gt;
                                 </div>
                                 &lt;!&ndash;<ul iss-ztree="vm.treeSetting" id="archTree" tree-control="vm.treeObj" class="ztree"></ul>&ndash;&gt;
                             </div>-->
                            <!--<div class="input-group">  &lt;!&ndash; ng-if="!vm.editFlag"&ndash;&gt;-->
                            <!--<span class="input-group-addon">AD</span>-->
                            <!--<input type="text" name="parentName" class="form-control" id="updateArchNo"-->
                            <!--ng-model="vm.area.pa" required-->
                            <!--ng-pattern="app.reg.alphanumeric"-->
                            <!--maxlength="30"-->
                            <!--ng-disabled="vm.editFlag"-->
                            <!--uib-tooltip="{{ app.getMessage('common.op.remind3', [1,30])}}"/>-->
                            <!--</div>-->
                            <!--<input type="text" name="number" class="form-control" id="updateArchNo"
                                   ng-model="vm.area.number" required
                                   ng-pattern="app.reg.alphanumeric"
                                   maxlength="32"
                                   ng-disabled="vm.editFlag"
                                   ng-if="vm.editFlag"/>-->
                        </div>
                    </div>
                </div>
                <div class="form-group ">
                    <!--经纬度 -->
                    <div class="col-sm-6">
                        <label class="col-md-3 control-label">
                            <span class="text-danger">*</span>
                            <span translate="common.longitude"></span>
                        </label>
                        <div class="col-md-8">
                            <div class="input-group">
                                <input type="text" name="name" class="form-control" ng-model="vm.area.longitude"
                                       id="updateArchLongitude"
                                       required readonly
                                       placeholder="-180 ~ 180"
                                       ui-validate="{a:'$value == undefined || $value >= -180', b:'$value == undefined || $value <= 180', c: 'app.reg.checkNumber($value, 3, 6)'}"/>
                                <span class="input-group-btn">
                                     <map-select on-select="vm.location" is-multi="single"></map-select>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <label class="col-md-3 control-label">
                            <span class="text-danger">*</span>
                            <span translate="common.latitude"></span>
                        </label>
                        <div class="col-md-8">
                            <!--<div class="input-group">-->
                            <input type="text" name="number" class="form-control" ng-model="vm.area.latitude"
                                   id="updateArchLatitude"
                                   required readonly
                                   placeholder="-90 ~ 90"
                                   ui-validate="{a:'$value == undefined || $value >= -90', b:'$value == undefined || $value <= 90', c: 'app.reg.checkNumber($value, 2, 6)'}"/>
                            <!--<span class="input-group-btn">
                                 <map-select on-select="vm.location"></map-select>
                            </span>-->
                            <!--</div>-->
                        </div>
                    </div>
                </div>
                <div class="form-group ">
                    <!--备注 -->
                    <div class="col-sm-6">
                        <label class="col-md-3 control-label">
                            <span translate="common.remark"></span>
                        </label>
                        <div class="col-md-8">
                        <textarea name="description" class="form-control"
                                  ng-model="vm.area.description" id="updateArchRemark" maxlength="240"
                                  uib-tooltip="{{app.getMessage('common.op.remind0', [0, 240])}}"></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <footer class="panel-footer text-right bg-light lter">
                <button type="button" class="btn btn-default" ng-click="vm.cancel()" translate="common.cancel"></button>
                <button type="button" class="btn btn-primary" ng-click="vm.save()" ng-disabled="archModelForm.$invalid"
                        translate="common.confirm"></button>
            </footer>
        </ng-form>
    </div>
</div>